{% extends 'data_grid.html' %}
{% block grid_opt_update %}
    var cols = res['grid_opts']['cols'][0];
    var payload = {};
    cols.forEach(function(col, index){
        payload[col.field] = col;
    });
    var timestamp = new Date().getTime();
    var photoRender = function(val){
        return function(d){
            if(d[val] != ''){
                return '<div style="width: 100px"><img style="width: 100px;height: 120px" src="/files/photo/'+d[val]+'.jpg?_='+timestamp+'" onerror="this.onerror=null;this.src=\'/files/photo/nophoto.gif\';"></div>';
            }else{
                return '<div style="width: 100px"><img style="width: 100px;height: 120px"></div>';
            }
        }
    };
    var bioPhotoRender = function(val){
        return function(d){
            if(d[val] != ''){
                return '<div style="width: 100px"><img style="width: 100px;height: 120px" src="/files/'+d[val]+'?_='+timestamp+'" onerror="this.onerror=null;this.src=\'/files/photo/nophoto.gif\';"></div>';
            }else{
                return '<div style="width: 100px"><img style="width: 100px;height: 120px"></div>';
            }
        }
    };
    $.extend(payload.id, {fixed:false})
    $.extend(payload.hasd, {fixed:false})
    $.extend(payload.employee, {fixed:false})
    $.extend(payload.undefined, {fixed:false})
    $.extend(payload.enroll_sn, {unresize:true, width:140})
    $.extend(payload.user_photo, {unresize:true, width:110, templet:photoRender('user_photo')})
    $.extend(payload.bio_photo, {unresize:true, width:110, templet:bioPhotoRender('bio_photo')})
    $.extend(payload.commit_time, {unresize:true, width:160})
    $.extend(payload.approval_time, {unresize:true, width:160})
    $.extend(payload.approval_state, {unresize:true, width:120})

    data_grid_opts.disabled_action_panel_east = ['exports'];

{% endblock %}